<!--
 * @Author: 陈德基
 * @Date: 2024-01-20 14:44:38
 * @LastEditTime: 2024-01-20 17:22:09
 * @Description: 
 * @FilePath: /fullstack/front-end-learning/middle/banner.html
 * 联系方式：
 * wx: melody_2009
 * qq: 7815171323 
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Banner案例</title>
</head>
<body>
  <!-- 横向滑动的banner 大多都用 ul + li + a + img 的方式实现 -->
  <!-- 其中父类布局，需要使用overflow: hidden; -->
  

  <!-- 具体实现案例 -->
  <div>
    <a href="https://www.bilibili.com/video/BV1kM4y127Li?p=106&vd_source=f5955a001a59779a1cb1fec0295df1a8">综合案例：轮播图</a>
  </div>
</body>
</html>